<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE >
<html>
<head>
    <meta charset="utf-8">
    <title>2016年社会组织年审公示</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <Meta http-equiv="Content-Type" Content="application/vnd.openxmlformats-officedocument.wordprocessingml.document">
    <link rel="stylesheet" href="${ctxStatic}/jingle/css/Jingle.css">
    <link rel="stylesheet" href="${ctxStatic}/jingle/css/app.css">
</head>
<body>
<div id="aside_container">
</div>

<div id="section_container">
    <section id="index_section" class="active">
        <header>
            <!--<nav class="left">
                <a id="btn_scan_barcode" data-icon="qrcode" href=""></a>
            </nav>-->
            <h1 class="title">2016年海沧区社会组织年审公示</h1>
        </header>
        <article data-scroll="true"   class="active"  id="baseinfo"  class="input-group">
            <form id="searchForm"  >
                <div class="grid demo-grid">
                    <div class="col-4"><input id="telInput" type="text" placeholder="请输入社会组织名称查询"></div>
                    <%--<div class="col-1"><a href="#" class="button light small">查询</a></div>--%>
                </div>
            </form>
            <ul class="list " data-scroll="true"  id="commList">
            </ul>
        </article>



    </section>
</div>

<!--<script type="text/javascript" src="js/lib/cordova.js"></script>-->
<!-- lib -->
<script type="text/javascript" src="${ctxStatic}/jingle/js/lib/zepto.js"></script>
<script type="text/javascript" src="${ctxStatic}/jingle/js/lib/iscroll.js"></script>
<%--<script type="text/javascript" src="${ctxStatic}/jingle/js/lib/template.min.js"></script>--%>
<script type="text/javascript" src="${ctxStatic}/jingle/js/lib/template-simple.js"></script>
<script type="text/javascript" src="${ctxStatic}/jingle/js/lib/Jingle.debug.js"></script>
<script type="text/javascript" src="${ctxStatic}/jingle/js/lib/zepto.touch2mouse.js"></script>
<script type="text/javascript" src="${ctxStatic}/jingle/js/lib/JChart.debug.js"></script>
<%--<script type="text/javascript" src="${ctxStatic}/jingle/js/lib/json2.js"></script>--%>
<!--- app --->
<script type="text/javascript">var ctx = '${ctx}';</script>
<script type="text/javascript" src="${ctxStatic}/jingle/js/app/app.js"></script>
<!--<script src="http://192.168.2.153:8080/target/target-script-min.js#anonymous"></script>-->
<script type="text/javascript">
    $('body').delegate('#index_section','pageinit',function() {
        var lihtml="<li class='divider grid middle'>社会组织</li>"
        $.getJSON(
                "/a/mzb/mzbUnitinfo/getListJson",
                function (json) {
                    for (var i = 0; i < json.length; i++) {
                        var obj = json[i];
                        lihtml += "<li  data-selected='selected'> <div class='tag'>" + obj.static + "</div><strong>" + obj.name + " </strong>  </li>";
                    }
                    $("#commList").html(lihtml);
                });
    });

    $(document).on('input propertychange','#telInput',function (e) {
                if (e.type === "input" || e.orignalEvent.propertyName === "value") {
                    var lihtml = "";
                    $.getJSON(
                            "/a/mzb/mzbUnitinfo/getListJson?name="+this.value,
                            function (json) {
                                for (var i = 0; i < json.length; i++) {
                                    var obj = json[i];
                                    lihtml += "<li  data-selected='selected'><div class='tag'>" + obj.static + "</div><strong>" + obj.name + " </strong>  </li>";
                                }
                                $("#commList").html(lihtml);
                            });
                }
            })
    $('body').delegate('#index_section','pageshow',function(){
        var hash = J.Util.parseHash(location.hash);
        console.log(hash.param);
    });
</script>
</body>
</html>